<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app-1">
    {{info.name}}
    <a v-bind:href="info.url">点我</a>
</div>


<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

<script type="text/javascript">
    //定义一个组件

    let app = new Vue({
        el: '#app-1',
        data(){
            return{
                info:{
                    name:null,
                    url:null
                }
            }
        },
        mounted(){
            axios.get('data.json').then(Response=>(this.info=Response.data));
        }
    })


</script>
</body>
</html>